<template>
    <div class="nodata">
        <template v-if="type==='1'">
            <img src="//common-1253410441.file.myqcloud.com/activityimg/qs1%403x.png" alt="">
        </template>
        <template v-if="type==='2'">
            <img src="//common-1253410441.file.myqcloud.com/activityimg/qs2%403x.png" alt="">
        </template>
        <template v-if="type==='3'">
            <img src="//common-1253410441.file.myqcloud.com/activityimg/qs3%403x.png" alt="">
        </template>
        <template v-if="type==='4'">
            <img src="//common-1253410441.file.myqcloud.com/activityimg/qs4%403x.png" alt="">
        </template>
        <template v-if="type==='5'">
            <img src="//common-1253410441.file.myqcloud.com/activityimg/qs5%403x.png" alt="">
        </template>
        <template v-if="type==='6'">
            <img src="//common-1253410441.file.myqcloud.com/activityimg/qs6%403x.png" alt="">
        </template>
        <span v-if="spanvalue" class="nodataspan">{{spanvalue}}</span>
        <strong v-if="title" class="nodatatitle">{{title}}</strong>
    </div>
</template>

<script>
    export default {
        name: 'Nodata',
        props: ['type', 'spanvalue', 'title'],

    }
</script>

<style scoped lang="less" rel="stylesheet/less">
    @import "../router/app.less";

    .nodata {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex: 1;
        height: 100%;
        img {
            display: block;
            width: 100%;
        }
        .nodataspan {
            color: @color3;
            font-size: @fz30;
        }
    }

</style>
